/*
简介：tabBar 是移动端应用常见的页面效果，用于实现多页面 的快速切换。

分类：小程序中通常将其分为：顶部 & 底部tabBar;

!注意：
tabBar `2~5` 个；
渲染`顶部 tabBar` 时，不显示 icon，`只显示文本`；
*/

const obj = {
  "tabbar": {
    /**
     * @key: position
     * @brief: 设置 tabBar 的位置
     * @value {*}
     * !仅支持 bottom/top （top 时只显示文字）
     */
    "position": "bottom",

    /**
     * @key: borderStyle
     * @brief: tabBar 上边框的颜色
     * @value {string}
     * def(black)
     */
    "borderStyle": "#ebebeb",

    /**
     * @key: color
     * @brief: tab 上文字未选中时颜色
     * @value {string}
     */
    "color": "#B9B5B2",

    /**
     * @key: selectColor
     * @brief: tab 上文字选中时颜色
     * @value {string}
     */
    "selectColor": "red",

    /**
     * @key: backgroundColor
     * @brief: tab 上文字选中时颜色
     * @value {string}
     */
    "backgroundColor": "#fff",

    // ---

    /**
     * @key: list
     * @brief: tabBar 的背景色
     * !必填项
     * @value {array} 格式为数组，内部为配置对象，
     * !限制 2-5 个
    */
    "list": [
      {
        /**
         * @key: pagePath
         * @brief: 配置标签页面路径
         * @value {string}
         * !注意：值应是 pages 节点中的路径；
         * !开始是不添加 `/` 的
         */
        "pagePath": "pages/home/home", // 配置标签页面路径
        /**
         * @key: text
         * @brief: 标签对应文字
         * @value {string}
         */
        "text": "首页",
        /**
         * @key: iconPath
         * @brief: 默认图标样式
         * @value {string}
         */
        "iconPath": "static/tab_icons/home.png",
        /**
         * @key: selectedIconPath
         * @brief: 选中时的图标样式
         * @value {string}
         */
        "selectedIconPath": "static/tab_icons/home-active.png"
      }
    ]
  }
}
